.searchResult {
  width: 1200px;
  margin: auto;
  margin-bottom: 28px;
}

.searchResult .breadcrumb {
  text-align: left;
  font-size: 18px;
  height: 56px;
  line-height: 56px;
  color: #000000a6;
}

.searchResult .breadcrumb .arrow {
  cursor: pointer;
}

.searchResult .breadcrumb .title{
  margin-left: 10px;
}

.searchResult .breadcrumb .title::before {
  content: "--";
}

.searchResult .breadcrumb a {
  color: #000000a6;
}

.searchResult .breadcrumb a:hover {
  color: #1890ff;
}

.searchResult .center {
  min-height: 400px;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  color: #606266;
  padding: 28px;
}


.searchResult .center .sequence {
  width: 100%;
  height: 38px;
}


.searchResult .center .sequence .total_top {
  height: 38px;
  line-height: 38px;
  float: left;
  font-size: 16px;
  margin-left: 18px;
}


.searchResult .center .res {
  min-height: 306px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.searchResult .center .res .drug {
  margin: 18px 8px 0 8px;
}

.searchResult .center .res .drug .ant-card-body {
  padding: 0;
  height: 288px;
}

.searchResult .center .res .drug img {
  width: 168px;
  height: 130px;
  cursor: pointer;
}

.searchResult .center .res .drug .afterImg {
  height: 114px;
  text-align: res;
  padding: 0 18px;
}

.searchResult .center .res .drug .afterImg .title {
  margin-top: 8px;
  font-size: 15px;
}

.searchResult .center .res .drug .afterImg .title:hover {
  color: #f34e0d;
}

.searchResult .center .res .drug .afterImg .price {
  color: #f34e0d;
  font-size: 17px;
}

.searchResult .center .res .drug .afterImg .desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #292727a6;
  font-size: 13px;
}

.searchResult .center .res .drug .afterImg p {
  margin: 0 0 8px 0;
}

.searchResult .center .res .pagination {
  margin-top: 18px;
  height: 38px;
  line-height: 38px;
  width: 100%;
  text-align: right;
}